<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Hosting Store A Hosting Category Flat Bootstarp Resposive Website Template | Blog :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Hosting Store Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<!-- webfonts -->
<link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700' rel='stylesheet' type='text/css'>
<!-- webfonts -->
<!-- dropdown -->
<script src="js/jquery.easydropdown.js"></script>
<link href="css/nav.css" rel="stylesheet" type="text/css" media="all"/>
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
		</script>
<!-- end-smoth-scrolling -->
</head>
<!-- Header Starts Here -->
<div class="banner inner-banner" >
		<div class="header">
	<div class="container">
		<div class="logo">
			<a href="index.html"><img src="images/logo.png" alt=""></a>
		</div>
		<div class="search-bar">
			<input type="text"  value="Search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}">
			<input type="submit" value="" />
	   </div>
	   <span class="menu"> Menu</span>
			
		<div class="banner-top">
								<ul class="nav banner-nav">                                     
										<li><a class="active" href="index.html">Home</a></li>
										<li class="dropdown1"><a class="down-scroll" href="">hosting</a>
											<ul class="dropdown2">
												<li><a href="sharedhosting.html">Shared hosting</a></li>
												<li><a href="vps.html">Cloud VPS</a></li>
												<li><a href="dedicated-servers.html">Dedicated servers</a></li>
											</ul>
										</li>     
										<li class="dropdown1"><a href="domain.html">domains</a>
										</li>  
										<li class="dropdown1"><a class="down-scroll" href="">pages</a>
											<ul class="dropdown2">
												<li><a href="about.html">About us</a></li>
												<li><a href="support.html">Support</a></li>
												<li><a href="faq.html">FAQ</a></li>
												<li><a href="login.html">Login</a></li>
												<li><a href="plans-pricing.html">Plans & Pricing</a></li>
												<li><a href="404.html">404 - Errorpage</a></li>
											</ul>
										</li> 
										<li class="dropdown1"><a class="down-scroll" href="">blog</a>
											<ul class="dropdown2">
												<li><a href="blog.html">Blog posts</a></li>
												<li><a href="single.html">Single post</a></li>
											</ul>
										</li>						
										<li class="dropdown1"><a href="contact.html">Contact</a></li>  
								</ul>
								<script>
									$("span.menu").click(function(){
										$(" ul.nav").slideToggle("slow" , function(){
										});
									});
								</script>
							</div>
		<div class="clearfix"> </div>

	</div>
	</div>


<!-- page heading -->
	<div id="breadcrumb_wrapper">
		<div class="container">
			
			<h3>Blog - Page</h3>
			<h6>add a short description here</h6>

			<div class="clearfix"></div>
		</div>
	</div>
</div>
<div class="clearfix"> </div>
<!-- Header Ends Here -->
	<div class="bolg-posts">
	<div class="container">
		<div class="blog">
			<div class="col-md-6 blog-top">
				<div class="blog-in">
					<a href="single.html"><img src="images/b3.jpg" alt=" "></a>
					<div class="blog-grid">
						<h3><a href="single.html">Daniel Jackson Shoots New Yorkers for i-D</a></h3>
						<p>Photography Daniel Jackson,  styling by Alastair McKimm, hair by Shon  and Esther Langham, make-up by Yadim,  Francelle and Hannah Murray, <span>
						casting by AM casting. Production  by Nikki Stromberg and Matthew Youmans at M.A.P New York.</span></p>
						<a href="single.html" class="more">READ MORE</a>
						<div class="date">
							<span class="date-in"><i> </i>22.08.2014</span>
							<a href="single.html" class="comments"><i></i>24</a>
							<div class="clearfix"> </div>
						</div>
					</div>					
				</div>
				<i class="black"> </i>
			</div>
			<div class="col-md-6 blog-top">
				<div class="blog-in in-blog">
					<a href="single.html"><img src="images/b2.jpg" alt=" "></a>
					<div class="blog-grid">
						<h3><a href="single.html">Derek Henderson Shoots Karen Walker / ITC Ethical Fashion Initiative Visible </a></h3>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque molestie, purus id mollis pharetra, lacus turpis dapibus magna, eget aliquam diam erat at velit. Suspendisse in diam sit amet erat blandit efficitur at eget lorem. Aenean elementum lobortis tellus, sit amet mollis tortor rhoncus id.</p>
						<a href="single.html" class="more read-more">READ MORE</a>
						<div class="date">
							<span class="date-in"><i> </i>22.08.2014</span>
							<a href="single.html" class="comments"><i></i>24</a>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
				<i class="black"> </i>
			</div>
			<div class="col-md-6 blog-top">
				<div class="blog-in in-blog">
					<a href="single.html"><img src="images/b1.jpg" alt=" "></a>
					<div class="blog-grid">
						<h3><a href="single.html">Amy Troost Shoots SS14 Collections for The Last Magazine</a></h3>
						<p>Photography Daniel Jackson,  styling by Alastair McKimm, hair by Shon  and Esther Langham, make-up by Yadim,  Francelle and Hannah Murray, <span>
						casting by AM casting. Production  by Nikki Stromberg and Matthew Youmans at M.A.P New York.</span></p>
						<a href="single.html" class="more read-more read-by">READ MORE</a>
						<div class="date">
							<span class="date-in"><i> </i>22.08.2014</span>
							<a href="single.html" class="comments"><i></i>24</a>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
				<i class="black"> </i>
			</div>
			<div class="col-md-6 blog-top">
				<div class="blog-in">
					<a href="single.html"><img src="images/b5.jpg" alt=" "></a>
					<div class="blog-grid">
						<h3><a href="single.html">Paul Wetherell Shoots Meadham Kirchhoff SS14 Collection for i-D Walker.</a></h3>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque molestie, purus id mollis pharetra, lacus turpis dapibus magna, eget aliquam diam erat at velit. Suspendisse in diam sit amet erat blandit efficitur at eget lorem. Aenean elementum lobortis tellus, sit amet mollis tortor rhoncus id.</p>
						<a href="single.html" class="more read-more">READ MORE</a>
						<div class="date">
							<span class="date-in"><i> </i>22.08.2014</span>
							<a href="single.html" class="comments"><i></i>24</a>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
				<i class="black"> </i>
			</div>
			<div class="clearfix"> </div>
			<ul class="start">
					<li><span class="prev">Prev</span></li>
					<li><span>1</span></li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">4</a></li>
					<li><a href="#">5</a></li>
					<li><a href="#">6</a></li>
					<li><a href="#">7</a></li>
					<li><a href="#">8</a></li>
					<li><span>.....</span></li>
					<li><a href="#">12</a></li>
					<li><a href="#" class="next">Next</a></li>
				</ul>
		</div>
	</div>

	</div>
<!-- #Footer -->
<footer>
	<div class="container">
		<div class="row">
			<div class="col-md-6">
				<span class="title">公司介绍</span>
				<p>本平台致力于解决目前服务器及IT备件行业中假货横行、询价困难、虚假库存等普遍存在的行业难题。</p>
				<p>我们研发了一套完整且独立的会员评级反馈体系， 通过资格审查等方式保证每一位会员都能够成为您充分可信赖的合作伙伴，独家为会员提供完全封闭的市场环境，使您能够更放心的在本平台内买卖IT备件。</p>
			</div>
			<div class="col-md-2 col-xs-6 col-sm-4">
				<ul class="footerMenu">
					<li class="title">功能特性</li>
					<li><a href="#">管理库存</a></li>
					<li><a href="#">查询供应商</a></li>
					<li><a href="#">查询配件</a></li>
					<li><a href="#">发送广播</a></li>
					<li><a href="#">发送询价</a></li>
				</ul>
			</div>
			<div class="col-md-2 col-xs-6 col-sm-4">
				<ul class="footerMenu">
					<li class="title">交易类目</li>
					<li><a href="#">CPU</a></li>
					<li><a href="#">内存</a></li>
					<li><a href="#">磁盘</a></li>
					<li><a href="#">显卡</a></li>
					<li><a href="#">整机</a></li>
				</ul>
			</div>
			<div class="col-md-2 col-xs-6 col-sm-4">
				<ul class="footerAddress">
					<li class="title">Contact Us</li>
					<li><strong>联系地址:</strong></li>
					<li>上海市松江区书崖路168号</li>
					<li><strong>联系电话:</strong></li>
					<li>+86 18516231105</li>
				</ul>
			</div>
		</div>
		<hr />
	</div>
	<div class="copyrights">
		<div class="container">
			<p>Copyright 2010 - 2021 上海枫翼信息技术有限公司     沪ICP备10043802号 - 2     沪公网安备 31011002002333号</p>
		</div>
	</div>
</footer>
		<!-- /#Footer -->
		<!-- here stars scrolling icon -->
	<script type="text/javascript">
									$(document).ready(function() {
										/*
										var defaults = {
								  			containerID: 'toTop', // fading element id
											containerHoverID: 'toTopHover', // fading element hover id
											scrollSpeed: 1200,
											easingType: 'linear' 
								 		};
										*/
										
										$().UItoTop({ easingType: 'easeOutQuart' });
										
									});
	</script>
	<!-- //here ends scrolling icon -->
</body>
</html>